What is the purpose of the `@extend` directive in SASS?
Description : Using `@extend` for inheriting styles in SASS.
Answer :
`@extend` is used inSASS to allow one selector to inherit the styles of another selector. For example, define a base class`%button-base { padding: 10px; border: 1px solid; }` and extend it with`.btn { @extend %button-base; background: blue; }`. This method promotes DRY principles by reusing styles without duplicating code.